import React, { Component } from 'react';
import { GoodfoodBox } from '@/views/Home/style'



class Goodfood extends Component {
    
    render() {
        return (
            <GoodfoodBox>
                <div>精品好菜</div>
                <div> 
                    {
                        this.props.goodfoods.map((item,index) => (
                            <dl key={index}>
                                <dt>
                                    <img src={item.img} />
                                </dt>
                                <dd>
                                    <h3>{item.name}</h3>
                                    <p>{item.favorites}浏览  {item.all_click}收藏</p>
                                </dd>
                            </dl>
                        ))
                    }
                </div>
            </GoodfoodBox>
        );
    }
}

export default Goodfood;
